@extends('astron.layout')

@section('content')

    <div id="content">

        <section class="single-project-container">

            <div class="row">
                <article class="col-md-8 col-md-offset-2 single-project-content silver-bg text-left">


                    <div class="row">
                        <article class="single-project-content-inner col-md-12 white-bg text-left">
                            <h2>BMW</h2>
                            <h3 class="sub-heading ">BMW 7 IN JOY Qiyuehui interactive campaign</h3>

                            <div class="single-project-slider-wrap">

                                <!-- single-project-slider : starts -->
                                <ul class="single-project-slider bxslider">
                                    <li>
                                        <img alt="" title="" src="images/case/bmw/1.jpg" />
                                    </li>
                                    <li>
                                        <img alt="" title="" src="images/case/bmw/2.jpg" />
                                    </li>
                                    <li>
                                        <img alt="" title="" src="images/case/bmw/3.jpg" />
                                    </li>
                                </ul>
                                <!-- single-project-slider : ends -->


                            </div>

                            <h3 class="sub-heading add-top-half">Case target: </h3>
                            <p>To identify accurately the owners of BMW 7, and to establish contacts with them. To invite the BMW7 owners to participate in the offline event "Qiyuehui"and to create interactive communications and contents during the process of campaign. </p>
                            <h3 class="sub-heading add-top-half">Insight: </h3>
                            <p>
                                As a WeChat interactive platform built for BMW branding campaign, we focused on how to provide BMW 7 series owners with services and
                                interactions in a more accurate, convenient and initiative way. Meanwhile we need to create a safe,
                                private and exclusive communication platform for the car owner participants, bringing delicate services and safe communicational experience to each car owner participant.
                            </p>

                            <h3 class="sub-heading add-top-half">Case description: </h3>
                            <p>“BMW Qiyuehui” campaign targets to the owners of BMW 7 series. We registered a WeChat subscription account of “BMW 7 IN JOY”.
                                Under the principle of user-friendly, we created the content and developed customized menus which to attract participants to communicate.
                                We edited the contents of teaser, process, routes and splendid moments for campaigns according to the contents and features of each. We designed and developed an “interactive circle”
                                function for safe and convenient communications among car owners of this campaign. By this “interactive circle”,
                                the car owners of can edit and send personal messages after being identified, push or share their feelings of the campaign, and others can comment on the messages pushed.</p>
                            <h3 class="sub-heading add-top-half">Promotion outcome: </h3>
                            <p>We attracted a total of 641 BMW7 owners to follow the WeChat subscription account "BMW 7 IN JOY" and to participate in the offline event. We pushed the WeChat articles to 4,610 users.</p>
                            <div class="single-project-blocks-wrap">
                                <div class="row">
                                    <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                            <a  class="venobox" data-gall="portfolio-gallery" href="images/case/bmw/outcoming bmw 1.jpg">
                                                <img alt="" title="" class="img-responsive" src="images/case/bmw/outcoming bmw 1.jpg" />
                                                <div class="zoom-icon-wrap"></div>
                                            </a>
                                        </div>
                                    </article>

                                    <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                            <a  class="venobox" data-gall="portfolio-gallery" href="images/case/bmw/outcoming bmw 2.jpg">
                                                <img alt="" title="" class="img-responsive" src="images/case/bmw/outcoming bmw 2.jpg" />
                                                <div class="zoom-icon-wrap"></div>
                                            </a>
                                        </div>
                                    </article>
                                </div>

                            </div>

                            <h3 class="sub-heading add-top-half">Service</h3>
                            <h4 class="sub-heading add-top-half" style="margin-top: 20px;">Analytics</h4>
                            <p><b>Marketing monitoring:</b></p>
                            <p >- Social campaigns</p>
                            <p>- ATL campaigns</p>
                            <p >- Offline events</p>
                            <p><b>Lead generation:</b></p>
                            <p>- Sales leads</p>
                            <p >- Influencers</p>

                        </article>
                    </div>

                </article>
            </div>


        </section>
        <!-- about-container ends -->

        <section class="container color-bg text-center">

            <div class="row">

                <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
                    <h3 class="main-heading white">Like to work with us?</h3>
                    <div class="trigger-button add-top-quarter">
                        <a href="/contact" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
                    </div>
                </article>
            </div>

        </section>




    </div>
    <!-- end content -->

    <footer class="container master-footer">
        <div class="row">
            <article class="col-md-6  text-left white-bg" id="map">
                <img src="images/map.png" alt=""/>
            </article>

            <article class="col-md-6 footer-column text-left white-bg">
                <h3>Contact Us</h3>
                <ul class="foot-links">
                    <li><p>Room 420, Building B, Gehua Tower, No.1 Qinglong Hutong,
                            Beixiaojie, Dongzhimen, Dongcheng District, Beijing, P.R.China</p></li>
                    <li><p>Tel+86(0) 1084186659</p></li>
                    <li><p>Fax+86(0) 1084186659</p></li>
                </ul><br>
                <h3>Social Media</h3>
                <div class="contact-li">
                    <ul class="social-wrap">
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                    </ul>
                </div>
            </article>
        </div>
        <div class="row">
            <article class="col-md-12">
                <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
            </article>
        </div>
    </footer>
    <!-- Core JS Libraries -->
    <script src="bootstrap/js/jquery.js" type="text/javascript"></script>
    <script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.js" ></script>
    <!-- JS Plugins -->
    <script src="javascripts/device.min.js"></script>
    <script src="javascripts/modernizr.js" type="text/javascript"></script>
    <script src="javascripts/retina.js" type="text/javascript"></script>
    <script src="javascripts/responsive-nav.js" type="text/javascript"></script>
    <script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
    <script src="javascripts/owl.carousel.js" ></script>
    <script src="javascripts/jquery.parallax-1.1.3.js" ></script>
    <script src="javascripts/equalheights.js" ></script>
    <script src="javascripts/jquery.bxslider.min.js"></script>
    <script src="javascripts/jquery.tweet.js"></script>
    <script src="javascripts/jquery.slimmenu.min.js"></script>
    <script src="javascripts/venobox.min.js"></script>
    <!-- JS Custom Codes -->
    <script src="javascripts/equalheights-init.js" ></script>
    <script src="javascripts/hiding-nav.js"></script>
    <script src="javascripts/carousel-init.js"></script>
    <script src="javascripts/parallax-init.js"></script>
    <script src="javascripts/services-init.js"></script>
    <script src="javascripts/venobox-init.js"></script>
    <script src="javascripts/pace.min.js" ></script>
    <script src="javascripts/main.js" ></script>

    <script>

        $(document).ready(function(){
            $('.bxslider').bxSlider({
                preloadImages: 'visible',
                touchEnabled: true,
                responsive: true,
                pager: false,
                controls: true
            });
        });

    </script>
@stop